<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>代理管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6 layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                   	余额
                    <span class="layui-badge layui-bg-blue layuiadmin-badge">当前</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${account.money }</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                	冻结余额
                    <span class="layui-badge layui-bg-cyan layuiadmin-badge">当前</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${account.freezeMoney }</p>
                </div>
            </div>
        </div>
<%--        <div class="layui-col-sm6 layui-col-md4">--%>
<%--            <div class="layui-card">--%>
<%--                <div class="layui-card-header">--%>
<%--                	共享值--%>
<%--                    <span class="layui-badge layui-bg-green layuiadmin-badge">当前</span>--%>
<%--                </div>--%>
<%--                <div class="layui-card-body layuiadmin-card-list">--%>
<%--                    <p class="layuiadmin-big-font">${account.share }</p>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    区域会员
                    <span class="layui-badge layui-bg-blue layuiadmin-badge">总数</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${customerNumByLocation }</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    区域商家
                    <span class="layui-badge layui-bg-cyan layuiadmin-badge">总数</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${businessNumByLocation }</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    区域订单
                    <span class="layui-badge layui-bg-green layuiadmin-badge">总数</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${totalBusinessOrderNum }</p>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    新增会员总数
                    <span class="layui-badge layui-bg-blue layuiadmin-badge">当天</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${todayCustomerNumByLocation }</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    新增商家总数
                    <span class="layui-badge layui-bg-cyan layuiadmin-badge">当天</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${todayBusinessNumByLocation }</p>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    当天区域订单
                    <span class="layui-badge layui-bg-green layuiadmin-badge">当天</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">${todayBusinessOrderNum }</p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<script src="/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'senior']);

    /* $(function () {
        var echarts1 = echarts.init(document.getElementById('statistics'));
        var xAxisData = [];
        var series = [];
        var data1 = [];
        var data2 = [];
        $.ajaxSettings.async = false;
		$.post("/statis/queryAccountStatis", function(result){
			var data = result.data;
			xAxisData = data.date;
			series = data.series;
			for (var i = 0; i <series.length; i++){
				series[i].type = 'bar';
				series[i].symbolSize = 10;
				series[i].symbol = 'circle';
			}
			console.log(JSON.stringify(series));
		});
		$.ajaxSettings.async = true;

        option = {
            legend: {
                data: ['总贡献值', '发放共享值'],
                align: 'left'
            },
            toolbox: {
                // y: 'bottom',
                feature: {
                    magicType: {
                        type: ['stack', 'tiled']
                    },
                    dataView: {},
                    saveAsImage: {
                        pixelRatio: 2
                    }
                }
            },
            tooltip: {},
            xAxis: {
                data: xAxisData,
                silent: false,
                splitLine: {
                    show: false
                }
            },
            yAxis: {
            },
            series: series,
            animationEasing: 'elasticOut',
            animationDelayUpdate: function (idx) {
                return idx * 5;
            }
        };
        echarts1.setOption(option);
    }) */
</script>
</body>
</html>